<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		.box{
			width: 200px;
			height: 200px;
			background: red url() 0 0 no-repeat;
		}


	</style>
	<script type="text/javascript">
		window.onload = function  () {

			box = document.getElementById('box');

			box1 = document.getElementById('box1');

			son = document.getElementById('son'); 


			newson = son.cloneNode(true);


			box1.appendChild(newson);

			// p = document.createElement('p');

			// p.innerHTML = "学并思";

			// p.style.color='blue';

			// p.style.fontSize="30px";

			// box.insertBefore(p,son);
			// 
			// box.removeChild(son);

			// box.replaceChild(p, son);





		}


	</script>
</head>
<body>
	<div id="box" class="box">
		<p id="son">zzzz</p>
	</div>
	<div id="box1" class="box">
	</div>
</body>
</html>